<script setup lang="ts">
import CourseCard from '../../components/CourseCard/index.vue';
</script>

<template>
  <div class="course-list">
      <course-card/>
      <course-card/>
      <course-card/>
      <course-card/>
      <course-card/>
      <course-card/>
  </div>
</template>

<style scoped lang="scss">
.course-list {
  width: 100%;
  height: calc(100% - 77px - 20px - 20px);
  margin-top: 20px;
  gap: 20px;
  flex-flow: row wrap;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;

  overflow-y: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
</style>